<template>
  <el-container>
    <el-header>
      <Header></Header>
    </el-header>
    <el-main>
      <Main/>
    </el-main>
    <el-footer>
      <Footer/>
    </el-footer>
  </el-container>
</template>

<script>
import Header from '@/layouts/Header/index.vue'
import Footer from '@/layouts/Footer/index.vue'
import Main from '@/layouts/Main/index.vue'

export default {
  components: {Header, Footer, Main}

}
</script>
<style scoped>
.el-container {
  height: 100vh;

}
.el-header{
  padding: 0;
}
.el-main{
  overflow: unset;
  background-color:RGB(245,247,249);
}


</style>
